<!DOCTYPE html>
<html lang="en">
<head>
    <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<!--     <link rel="stylesheet" href="./bootstrap-5.3.3-dist/css/bootstrap.css"> -->
    
<!--     <script src="./bootstrap-5.3.3-dist/js/bootstrap.js"></script> -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="main.css">
    <script src="data.js"></script>
    <script src="main.js"></script>
    <title>Elctic</title>
</head>
<body class="m-2">
    <div class="back"></div>
    <div id="cont" class="content text-center p-2">
        <div class="row p-2">
            <div class="col   rounded-3">
                <br>
                <br>
                <br>
            </div>
            <div class="col  rounded-3">
                <br>
                <br>
                <br>
            </div>
            <div class="col   rounded-3">
                <br>
                <br>
                <br>
            </div>
        </div>
        <div id="centercont" class="row p-2 d-grid" style="grid-template-columns: 180px 1fr 16%;">
            <div class=" rounded-3">
                <ul class="nav nav-pills flex-column mb-auto">
                    <li class="nav-item">
                        <a id="ty" href="#" class="nav-link link-body-emphasis" aria-current="page">
                            <img src="./src/icon/电阻值 (1).svg" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                            通用计算器
                        </a>
                    </li>
                    <li>
                        <a href="#" class="nav-link link-body-emphasis">
                            <img src="./src\icon/半岛小新.ico" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                          元件查找
                        </a>
                    </li>
                    <li>
                        <a href="#" class="nav-link link-body-emphasis">
                            <img src="./src\icon/平面坐标系.svg" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                          数学绘图
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link  link-body-emphasis">
                            <img src="./src\icon/理论公式计算.svg" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                          科学计算
                        </a>
                    </li>
                    <li>
                        <a href="#" class="nav-link link-body-emphasis">
                            <img src="./src\icon/三极管.svg" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                          模电知识库
                        </a>
                    </li>
                    <li>
                        <a href="#" class="nav-link link-body-emphasis">
                            <img src="./src\icon/admin_jsfw.svg" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                          数电知识库
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link  link-body-emphasis">
                            <img src="./src\icon/设置.svg" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                            设置
                        </a>
                    </li>
                    <li>
                        <a id="news" href="#" class="nav-link link-body-emphasis">
                            <img src="./src\icon/新闻.svg" alt="SVG Image" width="16" height="16"  class="bi pe-none me-2" />
                          新闻
                        </a>
                    </li>
                </ul>
            </div>
            <div id="pare" class=" ">
                <img id="picture" src="./src/picture/P(1).png" class="img-fluid rounded-3">
                <div id="selector" >
                    
                    <iframe id="fraselector" src="" frameborder="0" height="1000"></iframe>
                </div>
            </div>
            <div  class="   rounded-3">
                <!-- <iframe src="https://www.semiee.com/" frameborder="0"></iframe> -->
                <iframe id="fra2"src="" frameborder="0" hidden="true"></iframe>
                <iframe id="fra" src="https://news.cnblogs.com/" frameborder="0" height="1000"></iframe>
            </div>
        </div>
        
    </div>
    <footer class="  mt-auto py-3  d-grid " style="grid-template-columns: 30% 1fr 30%;">
        <div class="  rounded-3"> 
            <br>
            <br>
        </div>
        <div class=" rounded-3">
            <br>
            <br>
        </div>
        <div class="  rounded-3">
            <br>
            <br>
        </div>
    </div>
</body>
</html>
